<template>
    <div class="home">
        <ul>
            <li @click.stop="toList('Document')">
                <div class="top"><i class="iconfont icon-gongwen1"></i></div>
                <div class="bottom">待办公文</div>
            </li>

            <li @click.stop="toList('Documented')">
                <div class="top"><i class="iconfont icon-daiban "></i></div>
                <div class="bottom">已办公文</div>
            </li>

            <li @click.stop="toList('Inbox')">
                <div class="top"><i class="iconfont icon-xinfeng"></i></div>
                <div class="bottom">收件箱 </div>
            </li>

            <li @click.stop="toList('OfficialBusiness')">
                <div class="top"><i class="iconfont icon-gongzuoanpai"></i></div>
                <div class="bottom">公务安排</div>
            </li>

            <li @click.stop="toList('NoticeList')">
                <div class="top"><i class="iconfont icon-gonggao"></i></div>
                <div class="bottom">通知公告</div>
            </li>

            <li @click.stop="toList('NoticeManage')">
                <div class="top"><i class="iconfont icon-guanli1"></i></div>
                <div class="bottom">公告管理</div>
            </li>

            <li @click.stop="toList('NewsList')">
                <div class="top"><i class="iconfont icon-quanbuxinwen"></i></div>
                <div class="bottom">街道新闻</div>
            </li>

            <li @click.stop="toList('ExchangeList')">
                <div class="top"><i class="iconfont icon-icon-"></i></div>
                <div class="bottom">工作交流</div>
            </li>

            <li @click.stop="toList('TodayRota')">
                <div class="top"><i class="iconfont icon-rota" style="font-size: 48px;"></i></div>
                <div class="bottom">今日值班</div>
            </li>

        </ul>
    </div>
</template>

<script>
import verify from '@/assets/js/verificationMixin'

export default {
  name: 'HelloWorld',
  mixins:[verify],
  data () {
    return {  }
  },
  methods:{
  	//登陆
   	toList(name){
   		this.$router.push({ name: name })
   	}
  },
  mounted(){ this.$_verifyConfig() }
}
</script>
<style lang="less">
	.home{
		height:100%;
		background:#f4f4f4;
		overflow-y:auto;
		li{
            width:50%;
			height:300px;
			font-size:28px;
			text-align: left;
			padding:0 30px;
			background:#fff;
			line-height:100px;
			border:1px solid #f4f4f4; /* no */
            float:left;
            .top{
                height:200px;
                text-align: center;
                overflow: hidden;
                color:#666;
                i.iconfont{
                    font-size:80px; /* px */  
                    line-height: 250px; 
                    color:#007aff;
                }

            }
            .bottom{
                height:100px;
                text-align: center;
                font-size:30px; /* px */  
                line-height:100px;
            }
			i.icon-jiantou{
				float:right;
				color:#aaa;
			}	
		}
	}
</style>
